* {
   margin: 0;
   padding: 0;
}

.music {
   width: 100vw;
   height: 100vh;
}

.hd {
   width: 100%;
   height: 302px;
   position: relative;
   overflow: hidden;
}

.bg {
   width: 100%;
   height: 100%;
   background-size: cover;
   background-color: aqua;
   filter: blur(10px);
   position: absolute;
   z-index: -1;
   background-image: url("https: //5b0988e595225.cdn.sohucs.com/images/20190919/dc01a6901a0f44128b512f88b2f5f4b6.jpeg")
}

.title {
   margin-top: 10px;
   /* display: flex;
          align-items: center; */
   position: relative;
}

.back {
   position: absolute;
   left: 30px;
   font-size: 20px;
}

.title-content {
   text-align: center;
   font-size: 16px;

}

.bd {
   width: 100%;
   height: calc(100vh - 130px);
   background-color: #fff;
   position: absolute;
   top: 130px;
   border-top-left-radius: 30px;
   border-top-right-radius: 30px;

}